<template>
  <div class="container">
     <div class="title">题目 : {{article.title}}</div>
     <div class="wxParse">
       <wxParse :content="article.article" />
     </div>
     <div class="go" @click="go">马上去打卡</div>
  </div>
</template>

<script>
import wxParse from 'mpvue-wxparse'
export default {
  data () {
    return {
  }
 },
  components: {
   wxParse
  },
  methods: {
   go(){
    var _this=this;
    wx.showToast({
      title:'为你跳转到打卡页面...',
      icon:'none',
      duration:2000,
      mask:true
    })
    setTimeout(function(){
      wx.navigateTo({
        url:'../release/main?type=daka'
      })
    },2000)
   }
  },
  computed:{
    article(){
      return this.$store.state.parse;
    }
  }
}
</script>

<style scoped>
.container{width: 100%;height: 100%;background:url('http://file.rzkeji.com/web/daka/images/background-ti.jpg');background-repeat: no-repeat;background-size: cover;padding-top: 20px;}
.title{width: 90%;text-align: center;margin-top: 10px;margin-left: 5%;line-height: 30px;font-size: 17px;}
.wxParse{width: 94%;margin-left:5%;margin-top: 10px;}
.go{width: 25%;height: 30px;background: red;font-size: 16px;line-height: 30px;text-align: center;border-radius: 5px;position: absolute;right:20px;margin-top: 5px;}
</style>
